<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卧龙控股第一版</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/wolong.css" />
</head>

<body>
    <div class="container">
        <div class="header">
        <div class="logo">
            <img src="./images/logo.jpg" alt="">
        </div>
        <div class="search">
            <input type="text" placeholder="SEARCH" >
            <img src="images/search.jpg">
        </div>
    </div>
        <!-- 导航 -->
        <div class="nav">
            <ul style="list-style: none;">
                <li class="first"><a href="#">集团介绍</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">卧龙市场</a></li>
                <li><a href="#">技术研发</a></li>
                <li><a href="#">国际合作</a></li>
                <li><a href="#">投资者关系</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li class="last"><a href="#">人力资源</a></li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="banner">
            <img src="./images/banner.jpg" alt="">
        </div>
        <!-- 新闻 -->
        <div class="news">
            <div class="n1">
                <div class="x">新闻资讯</div>
                <ul style="list-style: disc;">
                    <li>陈建成董事长出席ATB集团召开年度销售大会<span>2013-07-30</span></li>
                    <li>中国电器工业协会分马力电机分会在卧龙召开理事长...<span>2013-07-30</span></li>
                    <li>陈建成董事长访问中国驻德大使馆<span>2013-07-30</span></li>
                    <li>企业文化是企业持续经营的关键要素<span>2013-07-30</span></li>
                    <li>陈建成监事长在ATB集团2013年销售会议上发表重要...<span>2013-07-30</span></li>
                    <li>喜迎七一 唱响卧龙 年轻力量激发企业持久活力 卧龙举...<span>2013-07-30</span></li>
                </ul>
            </div>
            <div class="n2">
                <div class="x">卧龙介绍</div>
                <p>公司成立于1984年,经过近30年发展</p>
                <p style="font-size: 12px; color: #929292;">已经成为电气制造,房地产开发和金融投资三页并举的综合性跨国...</p>
            </div>
            <div class="n3">
                <div class="x">人才招聘</div>
                <p>培养一流的人才,铸造一流工程</p>
                <p>实现员工与企业共同发展</p>
                <img class="img1" src="images/grass.jpg">
                <img class="img2" src="images/more.jpg">
            </div>
        </div>
        <!-- 市场 -->
        <div class="market">
            <div class="x">卧龙市场</div>
            <div class="mk1">
                <img class="m1" src="images/m1.jpg">
                <p>交通轨道:由于主要采用电气牵引,而且轮轨摩擦力阻力较小,与公共...</p>
            </div>
            <div class="mk2">
                <img class="m2" src="images/m2.jpg">
                <p>节能环保:由于不断上涨的能源消耗和我们专业知识,维护可持续...</p>
            </div>
            <div class="mk3">
                <img class="m3" src="images/m3.jpg">
                <p>航空与船舰:如果你是在公海行驶,你需要确保你的船只的电力系统...</p>
            </div>
            <div class="mk4">
                <img class="m4" src="images/m4.jpg">
                <p>石油、天然气及采矿:在市场中的安全性,可能性,效率和最短的停机...</p>
            </div>
        </div>
        <!-- 相关 -->
        <div class="about">
            <div class="a1">
                <div class="ta">产品中心</div>
                <hr>
                <div class="c1">
                    <div>&gt;汽车电机</div>
                    <div>&gt;日用电机</div>
                    <div>&gt;特种电机</div>
                    <div>&gt;大功率电机</div>
                    <div>&gt;电工设备</div>
                </div>
                <div class="c2">
                    <div>&gt;工业驱化和自动化</div>
                    <div>&gt;高压变频和系统集成</div>
                    <div>&gt;混泥土搅拌机</div>
                    <div>&gt;电动车辆</div>
                </div>
                <div class="c3">
                    <div>&gt;电池电源</div>
                    <div>&gt;输变电设备</div>
                    <div>&gt;楼盘信息</div>
                    <div>&gt;金融产品</div>
                </div>
            </div>
            <div class="a2">
                <div class="ta">技术研发</div>
                <hr>
                <div>
                    &gt;科技力量
                </div>
                <div>
                    &gt;先进设备
                </div>
                <div>
                    &gt;研发创新
                </div>
                <div>
                    &gt;工艺流程
                </div>
            </div>
            <div class="a3">
                <div class="ta">营销网络</div>
                <hr>
                <img src="images/map.jpg">
            </div>
        </div>
        <!-- 底部 -->
        <div class="foot">
            <div class="left">
                <ul>
                    <li>网站地图</li>
                    <li>联系我们</li>
                    <li>关注卧龙</li>
                    <li>采购系统入口</li>
                </ul>
            </div>
            <div class="right">
                <p>COPYRIGHT © 2013 卧龙控股集团 版权所有 浙ICP备06005901号技术支持:博采互动分享到:</p>
                <img src="../卧龙/images/f.jpg" alt="">
            </div>
        </div>
    </div>
</body>

</html>